<template>
  <div id="app">
    <h1>第{{ index }}个,-left:{{ count }}</h1>
    <button @click="count+= 20">left</button>
    <div class="box" :style="{marginLeft:count + 'px'}">芜湖！！！！</div>
  </div>
</template>

<script>

export default {
  name: "CalcCount",
  props:['index'],
  data() {
    return {
      count:100,
    }
  }

}
</script>

<style scoped>

.box{
  height: 100px;
  width: 100px;
  background-image:linear-gradient(rosybrown,chartreuse,aqua) ;
  line-height: 100px;
  text-align: center;
}

body{
  margin: 0;
}
</style>